---
layout: default
---

<style type="text/css"> 
 .well .container{
	width:100%;
 }
</style>
<div class="well">

	<div class="container">
		<header class="page-header" style="color:#4295db;margin-top:-20px;"> <!-- 2018-04-24修改-->
			<h3>
				为什么要登山，因为山就在那里
			</h3>
		</header>

		<ul class="timeline">
			<!--
			<li>
				<div class="tldate">
					2012
				</div>
			</li>

			<li>
				<div class="tl-circ">6月</div>
				<div class="timeline-panel">
					<div class="tl-heading">
						<h4>
							野三坡百里峡
						</h4>
						<p>
						</p>
					</div>
					<div class="tl-body">
						<p>
							<img src="css/images/yesanpo.jpg" alt="">
						</p>
					</div>
				</div>
			</li>
			-->
			

			<li>
				<div class="tldate">
					2013
				</div>
			</li>

			<!--
			<li class="timeline-inverted">
				<div class="tl-circ">4月</div>
				<div class="timeline-panel">
					<div class="tl-heading">
						<h4>
							龙门石窟
						</h4>
						<p>
						</p>
					</div>
					<div class="tl-body">
						<p>
							<img src="css/images/longmen.jpg" alt="">
						</p>
					</div>
				</div>
			</li>
			-->
			
			<li>
				<div class="tl-circ">5月</div>
				<div class="timeline-panel">
					<div class="tl-heading">
						<h4>
							泰山
						</h4>
						<p>
						</p>
					</div>
					<div class="tl-body">
						<p>
							<img src="css/images/taishan.jpg" alt="">
						</p>
					</div>
				</div>
			</li>

			<li>
				<div class="tldate">
					2014
				</div>
			</li>

			<li class="timeline-inverted">
				<div class="tl-circ">5月</div>
				<div class="timeline-panel">
					<div class="tl-heading">
						<h4>
							华山
						</h4>
						<p>
						</p>
					</div>
					<div class="tl-body">
						<p>
							<img src="css/images/huashan.jpg" alt="">
						</p>
					</div>
				</div>
			</li>

			<li>
				<div class="tldate">
					2015
				</div>
			</li>

			<!--
			<li>
				<div class="tl-circ">5月</div>
				<div class="timeline-panel">
					<div class="tl-heading">
						<h4>
							少林寺
						</h4>
						<p>
						</p>
					</div>
					<div class="tl-body">
						<p>
							<img src="css/images/shaolinsi.jpg" alt="">
						</p>
					</div>
				</div>
			</li>
			-->
			
			<li>
				<div class="tl-circ">5月</div>
				<div class="timeline-panel">
					<div class="tl-heading">
						<h4>
							嵩山
						</h4>
						<p>
						</p>
					</div>
					<div class="tl-body">
						<p>
							<img src="css/images/songshan.jpg" alt="">
						</p>
					</div>
				</div>
			</li>
			
			<!--
			<li class="timeline-inverted">
				<div class="tl-circ">10月</div>
				<div class="timeline-panel">
					<div class="tl-heading">
						<h4>
							深圳
						</h4>
						<p>
						</p>
					</div>
					<div class="tl-body">
						<p>
							<img src="css/images/shenzhen.jpg" alt="">
						</p>
					</div>
				</div>
			</li>
						
			<li>
				<div class="tl-circ"></div>
				<div class="timeline-panel">
					<div class="tl-heading">
						<h4>
							广州
						</h4>
						<p>
						</p>
					</div>
					<div class="tl-body">
						<p>
							<img src="css/images/guangzhou.jpg" alt="">
						</p>
					</div>
				</div>
			</li>
			-->
			
			<li>
				<div class="tldate">
					2016
				</div>
			</li>
			
			<!--
			<li class="timeline-inverted">
				<div class="tl-circ">7月</div>
				<div class="timeline-panel">
					<div class="tl-heading">
						<h4>
							云冈石窟
						</h4>
						<p>
						</p>
					</div>
					<div class="tl-body">
						<p>
							<img src="css/images/yungangshiku.jpg" alt="">
						</p>
					</div>
				</div>
			</li>
			-->
			
			<li class="timeline-inverted">
				<div class="tl-circ">7月</div>
				<div class="timeline-panel">
					<div class="tl-heading">
						<h4>
							恒山
						</h4>
						<p>
						</p>
					</div>
					<div class="tl-body">
						<p>
							<img src="css/images/hengshan.jpeg" alt="">
						</p>
					</div>
				</div>
			</li>
			
			<li>
				<div class="tl-circ">9月</div>
				<div class="timeline-panel">
					<div class="tl-heading">
						<h4>
							五台山
						</h4>
						<p>
						</p>
					</div>
					<div class="tl-body">
						<p>
							<img src="css/images/wutaishan.png" alt="">
						</p>
					</div>
				</div>
			</li>
			
			<li>
				<div class="tldate">
					2017
				</div>
			</li>
			<li class="timeline-inverted">
				<div class="tl-circ">5月</div>
				<div class="timeline-panel">
					<div class="tl-heading">
						<h4>
							庐山
						</h4>
						<p>
						</p>
					</div>
					<div class="tl-body">
						<p>
							<img src="css/images/lushan.jpg" alt="">
						</p>
					</div>
				</div>
			</li>
			
			<li>
				<div class="tldate">
					2018
				</div>
			</li>			
			<li>
				<div class="tl-circ">4月</div>
				<div class="timeline-panel">
					<div class="tl-heading">
						<h4>
							衡山
						</h4>
						<p>
						</p>
					</div>
					<div class="tl-body">
						<p>
							<img src="css/images/nanyuehengshan.jpg" alt="">
						</p>
					</div>
				</div>
			</li>
			
		</ul>
	</div>
</div>
<script type="text/javascript">
		 $(document).ready(function(){
		    $("#footprints").addClass("active").siblings().removeClass("active");
	     }); 
</script>
